<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=.5, maximum-scale=1.0, user-scalable=no">
    <title>查询预约</title>
    <link rel="stylesheet" type="text/css" href="css/appointment-history.css">
</head>

<body>
    <div class="inquire-appointment-container">
        <!-- 查询搜索框开始 -->
        <div class="entry-cardBox">
            <input type="text" name="" placeholder="请输入您的身份证号">
        </div>
        <div class='look-recordBox' id="searchHistory">查询预约记录</div>
        <div class="look-result">查询结果</div>
        <!-- 查询搜索框结束 -->
        <!-- 查询内容开始 -->
        <div class="look-result-content">
            <p class='result-content-title'>人民南路一段-城市名人酒店</p>
            <div class='appointment-locationBox'>
                <p class="appointment-place">赛德克巴莱</p>
                <p class='appointment-date'>2017-01-06</p>
            </div>
            <div class='time-slotBox'>
                <div class="timeBox">
                    <p class='appointment-time'>14:45</p>
                    <p class="appointment-time">20:05</p>
                </div>
                <p class='star-place'>成都双流T1</p>
                <p class='end-place'>哈尔滨太平</p>
            </div>
            <div class='appointment-status'>
                <p>进行中</p>
            </div>
        </div>
        <!-- 查询内容结束 -->
    </div>
</body>
</html>
